.dog-desktop-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  @h-haed: 40px;
  .desktop-panel-head {
    padding: 0 16px;
    width: 100%;
    & + .desktop-panel-body {
      height: calc(100% - @h-haed);
    }
  }
  .head-title {
    height: @h-haed;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: @h-haed;
    border-bottom: 1px solid #e0e0e0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .desktop-panel-body {
    height: 100%;
  }
  &.is-desktop-bg {
    background: #fff;
  }
  .panel-content {
    padding: 8px 16px;
    color: #666;
  }
}